@import "datePicker.css";

h2.syncScroll {
	background: #22BB22;
	color: white;
	z-index: 300;
	padding: 10px;
	opacity: 0.85;
	filter: alpha(opacity =   85);
	clear: all;
}

#new,#old {
	overflow: auto;
	height: 350px;
	position: relative;
}

/* end sync scoll */
#requiredLegend {
	height: 35px;
	float: left;
	font-size: 0.8em;
}

#formLegend {
	width: 140px;
	height: 25px;
	float: right;
	position: relative;
	z-index: 99999999;
}

#formLegend div {
	height: 1.6em;
	padding: 0;
	font: bold 0.85em/ 155% "Trebuchet MS";
	letter-spacing: 1px;
	color: #445;
	background: #FFF url("../images/layout/btn_bg_tile.gif") repeat-x bottom
		;
	border: 1px solid #A7AFBF;
	cursor: default;
}

#formLegend div:hover {
	background: url("../images/layout/btn_bg_tile_hover.gif") repeat-x top;
}

#formLegend span {
	float: left;
	margin-left: 39px;
}

#formLegend img {
	float: right;
	margin: 1px 5px 0 0;
}

#formLegend .fieldIcon {
	vertical-align: bottom;
}

.formSection /* outermost container */ {
	clear: left;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	border-left-width: 3px;
	padding-bottom: 10px;
}

.tabs+.formSection,.tabs+.panes .formSection,#tabNext+.formSection {
	border-top: none;
}

fieldset {
	clear: both;
	position: relative;
	padding: 0 5px 5px;
	background: url("../images/layout/form_section_bg.gif") repeat-x bottom;
	background-color: rgb(198, 188, 158);
	border-bottom-width: 2px;
	width: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #004000;
	color: #000000;
	padding: 0 20px;
}

legend {
	padding: 0 3px;
	font-family: "Trebuchet MS";
	font-variant: small-caps;
	letter-spacing: 1px;
	white-space: normal;
	color: #315B7C;
}

fieldset>dl:first-child {
	margin-top: 8px;
}

.formSection>fieldset,.formSection>div>fieldset,form>fieldset,.panes>div>fieldset
	{
	margin: 13px 7px 0;
}

.formHelpTab+fieldset {
	margin-top: 0;
}

fieldset>fieldset,fieldset>div>fieldset {
	min-height: 0;
	margin: 3px 0;
	background: #FFF;
	border-bottom: 1px solid #CCC;
}

fieldset fieldset legend {
	font-variant: normal;
	letter-spacing: 0;
}

.formSubSection {
	float: left;
	margin: 5px 0;
	padding: 5px;
	background-color: #FFF;
	border: 1px solid #DDD;
}

fieldset hr {
	float: left;
	clear: both;
	margin: 6px 0;
	border-color: #d7dbdf;
}

/* Fix for ie spacing bug */
* hr+.btnRow {
	float: right;
	margin-top: -15px;
}

.error,.errorDiv
	/* errorDiv doesn't get hidden when validation runs and removes the class */
	{
	clear: both;
}

.errorDiv {
	clear: both;
	border: 1px solid #900;
	border-width: 1px 1px 1px 3px;
	margin-bottom: 7px;
	text-align: left;
	color: #FFF;
	background-color: #C33;
}

.error {
	color: #000;
	background: none;
	border: none;
}

/* the validation plugin always puts the error class on the label even though we want it on the parent, so let's make it do nothing - 6/10/10 Note: this selector used to be ".error .error", but this caused a major bug in ie7 where the subsequent errors in a given dl would jump erratically to the left.  Targeting the label element instead of the class of that label seems to fix it.  This fix will cause any other <label> element within a dd tag to be block-level, (ie-phone ext.) */
.error label { /*display: block;*/
	font-weight: normal;
	background: none;
	border: none;
}

.errorDiv a {
	color: #EDB;
	margin: 0;
	font-weight: normal;
}

.error input[type=text]:first-child,.error select,.error textarea,.errorDiv input,.errorDiv select,.errorDiv textarea
	{
	background-color: #FFB;
	border: solid 2px #cc0000;
	padding: 0;
}

span.error input[type=text] {
	background-color: #FFB;
	border: solid 2px #cc0000;
	padding: 0;
}

.error input[type=text]:focus,.error input[type=text].sffocus,.error select:focus,.error textarea:focus,.errorDiv input:focus,.errorDiv select:focus,.errorDiv textarea:focus
	{
	border-color: #900;
}

label.error,.error label.error {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #cc0000;
}

dd.error {
	clear: none;
	margin-bottom: 5px;
}

dd.error p {
	max-width: 300px;
	margin: 0;
}

div.error
	div.errorDiv {
	clear: both;
	margin: 7px 0;
	padding: 0 7px 0;
	border-left-width: 4px;
}

div.error label
		div.errorDiv label {
	margin: 3px;
}

.info h3,.error h3 {
	margin: 10px 0;
}

.formHelpTab {
	float: right;
	position: relative;
	margin: 0 7px -1px 0;
	z-index: 100;
}

legend+.formHelpTab {
	margin: -30px -6px 0 0;
}

.returnTop {
	margin-right: 12px;
	float: right;
	clear: both;
}

.half+a .returnTop {
	margin: -12px 0 5px;
}

.sideBySide {
	clear: both;
	margin: 13px 7px;
}

.sideBySide:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

.third {
	width: 33%;
	float: left;
	margin-right: 0.5%;
}

.third>fieldset {
	margin: 0;
}

.third dt {
	width: 31.5%;
	min-width: 7em;
}

.third dd {
	margin-left: -67%;
}

.third+.third+.third {
	float: right;
	margin: 0;
}

.half {
	width: 50%;
	position: static;
	float: left;
	clear: left;
	margin-bottom: 13px;
}

.half+.half {
	float: right;
	clear: right;
	margin-left: -50%;
}

.half>.btnRow {
	margin: 5px 0;
}

.half dt,#overlay dt {
	width: 24%;
}

.half dd,#overlay dd {
	margin-left: -75%;
}

.half dd+dt,#overlay dd+dt {
	margin-left: -52%;
}

.half dd+dt+dd,#overlay dd+dt+dd {
	margin-left: -27%;
}

.twoFifths {
	width: 41%;
	float: left;
	margin-right: 5px;
}

.twoFifths>fieldset {
	margin: 0;
}

.twoFifths dt {
	width: 31.5%;
	min-width: 7em;
}

.twoFifths dd {
	margin-left: 1px;
}

.oneFifth {
	width: 14%;
	float: left;
	margin-right: 5px;
}

.oneFifth>fieldset {
	margin: 0;
}

.oneFifth dt {
	width: 31.5%;
	min-width: 7em;
}

.oneFifth dd {
	margin-left: -67%;
}

fieldset.singleQ {
	margin: 8px 0;
	padding: 0;
	background: none;
	border: none;
}

/* Cause singleQ questions to wrap in ie8, instead of going off the edge */
.singleQ legend {
	width: 99%;
}

.singleQ legend>span {
	zoom: 1;
	margin: 10px 0 3px 4px;
	padding: 0;
	font: 1em Verdana, sans-serif;
	letter-spacing: normal;
	color: #444;
}

.singleQ dl {
	float: left;
	margin-left: 1.5%;
	margin: 0;
	padding: 0;
}

.singleQ dt {
	width: auto !important;
	min-width: 0;
	position: static;
	margin: 0 15px 0 0;
}

.singleQ dd {
	position: static;
	margin-left: 0;
}

/* form column layout, default is two columns (two pair of label/input) */
dl {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	line-height: 150%;
}

/* since we can't put top padding on the fieldset because of the help tab, make the first dl in the fieldset have a top-margin */
.formHelpTab+dl {
	margin-top: 2px;
}

/* for some reason, IE seems to think that DLs following labelToRight are part of it, so let's reset the margin */
.labelToRight+dl {
	margin-left: 0;
}

dt {
	width: 17.5%;
	min-width: 8em;
	float: left;
	position: relative;
	left: 100%;
	margin-left: -100%;
	padding: 3px 0;
	text-align: right;
	color: #000;
}

dd+dt {
	margin-left: -46%;
}

dt span {
	display: block;
}

dd {
	display: inline;
	float: left;
	position: relative;
	left: 100%;
	z-index: 99;
	margin-left: -82%;
	padding: 3px;
	font-weight: bold;
}

dd a {
	font-weight: normal;
}

dd label {
	font-weight: normal;
}

.dontOverlap {
	width: 70%;
	display: block;
}

dd dt {
	width: 100%;
	clear: left;
	text-align: left;
}

dd+dt+dd {
	margin-left: -28%;
}

.leftDt dl dt {
	text-align: left;
	padding-left: 15px;
}

.threeColumnLayout dd+dt,.threeColumnLayout dd+dt+dd+dt {
	width: 15.5%;
	min-width: 7em;
}

.threeColumnLayout dd+dt {
	margin-left: -68%;
}

.threeColumnLayout dd+dt+dd {
	margin-left: -52%;
}

.threeColumnLayout dd+dt+dd+dt {
	margin-left: -35%;
}

.threeColumnLayout dd+dt+dd+dt+dd {
	margin-left: -19%;
}

/* fieldset class for sets of checkboxes or radio buttons; inputs with labels to the right instead of the left */
.labelToRight dl,dl.labelToRight {
	margin-left: 15px;
}

.labelToRight dt {
	width: 33%;
	position: static;
	left: 0;
	margin-left: 0;
	text-align: left;
	white-space: nowrap;
}

.labelToRight input {
	margin: -1px 3px 2px;
	vertical-align: middle;
}

dd.labelToRight input {
	margin-left: 7px;
}

dd.labelToRight label /*spacing for radio buttons in the same column */
	{
	margin-right: 20px;
	font-weight: normal;
}

.fullWidth dt {
	width: 64%;
	margin-left: -100%;
}

.fullWidth dd {
	margin-left: -35%;
}

/* dl class for sub-text such as "last updated" */
.subTextBox {
	width: 100%;
	clear: both;
	margin: 10px 0 0 0;
}

.subText {
	width: auto;
	float: right;
	margin: -7px 7px 0 0;
	font-size: 0.7em;
}

.subText dt,.subText dd {
	width: auto;
	min-width: 0;
	position: static;
	left: 0;
	margin-left: 0;
	color: #999;
}

.subText dt {
	margin-left: 15px;
}

.refid {
	font: 1.5em Tahoma, Geneva, sans-serif;
	letter-spacing: .08em;
}

.note {
	font-size: .8em;
}

dd input,dd select,dd textarea {
	margin: 0;
	font-weight: normal;
}

.charRemain {
	margin-top: -3px;
	font-size: 0.7em;
	font-weight: normal;
	text-align: right;
	color: #777;
}

input.disabled,select.disabled {
	background-color: #EEE;
}

input.disabled:focus,select.disabled:focus {
	padding: 1px;
	border: 1px solid #BBB;
}

.dateInput {
	width: 127px;
}

td>.dateInput, /* date fields in table cells don't need to be as big */
	td>select.small {
	width: 85px;
}

select.medium {
	width: 131px;
}

input.small {
	width: 35px;
}

input.auto {
	width: 100%;
}

input.phone {
	width: 111px;
}

input.almostLarge,textarea.almostLarge {
	width: 231px
}

select.almostLarge {
	width: 235px;
}

input.large,textarea.large {
	width: 296px;
}

select.large {
	width: 300px;
}

textarea.fullWidth {
	width: 700px;
	height: 100px;
}

.fieldIcon {
	margin: 1px 2px 0;
	vertical-align: top;
	cursor: pointer;
}

input[type=text]:focus,input[type=password]:focus,input[type=text].sffocus,select:focus,textarea:focus,textarea.sffocus
	{
	padding: 0;
	border: 2px solid #A7AFBF;
}

/* cross-select boxes */
.crossSelect {
	display: block;
	margin: 0 5px;
}

.crossSelect dt {
	float: none;
	margin-bottom: 4px;
	text-align: left;
}

.crossSelect dd {
	float: none;
	display: block;
	margin-left: 0;
	position: static;
	left: 0;
}

.crossSelect select {
	min-width: 10em;
	max-width: 310px;
	min-height: 8em;
	max-height: 20em;
	float: left;
	margin: 8px 0;
}

.crossSelect label {
	display: block;
	font-size: 0.8em;
	white-space: normal;
	line-height: 0.8em;
}

.crossSelect div {
	display: inline;
	float: left;
	margin: 8px 2%;
}

.crossSelect button {
	width: 2.5em;
	float: left;
	clear: both;
	margin: 0 0 5px;
	font-size: 1.1em;
	line-height: 130%;
	letter-spacing: -2px;
}

.crossAdd,.crossAddAll {
	border-right-width: 4px;
}

.crossRemove,.crossRemoveAll {
	border-left-width: 4px;
}

.andOr {
	height: 0;
	position: relative;
	top: -0.8em;
	font-size: 1.7em;
	letter-spacing: 2px;
	text-align: center;
	color: #BBB;
}

dd.andOr {
	top: -0.1em;
	margin-left: -55%;
	font-weight: normal;
}

.threeColumnLayout dd.andOr {
	margin-left: -66.5%;
}

fieldset+div.andOr {
	height: auto;
	margin: 0;
	top: 0;
}

.btnRow {
	clear: both;
	overflow: auto;
	margin-top: 5px;
	padding: 0;
	text-align: right;
}

.btnRow a:focus {
	outline: none;
}

.dataTable+.btnRow {
	margin: 5px 0 0;
}

.formSection>.btnRow,.subForm>.btnRow {
	margin: 7px;
}

div>.btnRow #prevBtn,div>.btnRow #nextBtn,div>.btnRow #submitBtn {
	margin-top: 7px;
}

.formSection .tabs {
	margin: 10px 7px 0;
}

.tabs a {
	height: 1.18em;
	display: block;
	margin: 0 1px 0 0;
	padding: 5px 8px 5px;
	font-size: 0.85em;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFF;
	border: 1px solid #CCC;
}

.tabs a:hover {
	background: url("../images/layout/btn_bg_tile.gif") repeat-x bottom;
}

.tabs .current {
	height: 1.28em;
	position: relative;
	z-index: 999;
	margin-top: -4px;
	padding: 7px 12px;
	color: #000;
	background: #FFF url("../images/layout/btn_bg_tile_hover.gif") repeat-x
		top;
	border-left-width: 3px;
	border-bottom: none;
}

.tabs a.current:hover {
	background: #FFF url("../images/layout/btn_bg_tile_hover.gif") repeat-x
		top;
}

.tabs .current+div {
	margin-right: 1px;
	padding: 3px 0;
	font-size: 0.75em;
	text-align: center;
	background: url("../images/layout/btn_bg_tile_hover.gif") repeat-x top;
	border: 1px solid #CCC;
	border-width: 0 1px;
}

.formSection .tabs .current {
	border-left: 1px solid #CCC;
}

.tabs .inactive {
	background-color: #efefef;
	color: #c9c9c9;
}

.tabs a.inactive:hover {
	background: none #efefef;
	cursor: default;
}

#scrollableTabs {
	width: 88%;
	height: 2.1em;
	padding-top: 3px;
	float: left;
	position: relative;
	overflow: hidden;
}

#scrollableTabs .tabs {
	width: 2000em;
	float: left;
	position: absolute;
	margin-top: 2px;
	border-bottom: 1px solid #CCC;
}

#tabPrev,#tabNext {
	width: 1.5%;
	height: 1.97em;
	margin-top: 2px;
	padding-top: 0.15em;
	border-bottom: 1px solid #CCC;
}

button.prev,button.next {
	width: 14px;
	height: 22px;
	background: url("../images/icons/tab_arrow.gif") no-repeat;
	border: none;
}

button.prev.disabled,button.next.disabled {
	display: none;
}

button.prev::-moz-focus-inner,button.next::-moz-focus-inner {
	border: none;
}

#tabPrev {
	float: left;
	clear: left;
}

button.prev {
	float: left;
	clear: left;
}

button.prev:hover {
	background-position: 0 -22px;
}

#tabNext {
	float: left;
	clear: none;
}

button.next {
	float: right;
	clear: right;
	background-position: -14px 0;
}

button.next:hover {
	background-position: -14px -22px;
}

.panes {
	padding-bottom: 7px;
	border-top: none;
}

.panes>div {
	display: none;
	padding-top: 3px;
}

button a,button a:active,button a:hover,button a:visited {
	color: #445;
	text-decoration: none !important;
}

button.formSearchBtn {
	width: 26px;
	height: 20px;
	vertical-align: top;
	text-indent: -999em;
	background: #FFF url("../images/icons/search.gif") no-repeat -4px;
}

button.formSearchBtn:hover {
	background-position: -31px;
}

button.formEditBtn {
	width: 26px;
	height: 21px;
	vertical-align: top;
	text-indent: -999em;
	background: #FFF url("../images/icons/edit.gif") no-repeat -4px;
}

button.formEditBtn:hover {
	background-position: -31px;
}

* input+button.formSearchBtn {
	margin-left: 5px;
}

fieldset h6 /* collapsable data table header */ {
	clear: both;
	margin: 5px 0 0;
	padding: 4px 30px 5px;
	font-size: 0.95em;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 1px;
	color: #FFF;
	background: #315B7C url("../images/icons/table_collapse_down.gif")
		no-repeat 6px center;
	cursor: pointer;
}

fieldset .collapsed {
	background-image: url("../images/icons/table_collapse_right.gif");
}

fieldset h6+fieldset {
	margin: 0;
	padding: 5px;
	border-top: none;
	background-color: #f2f7fb;
}

fieldset h6+fieldset fieldset {
	background-color: #f2f7fb;
}

fieldset h6+fieldset>fieldset {
	margin: 5px;
}

fieldset h6 img {
	float: left;
	margin: -1px 8px 0 0;
}

.dataTable {
	width: auto;
	float: none;
	margin: 6px 0 0;
	border: 1px solid #CCC;
}

h6+.dataTable,h6+div.hidden {
	width: auto;
	float: none;
	margin-top: 0;
	padding: 0;
}

.dataTable table {
	width: 100%;
}

.dataTable td,.dataTable th {
	padding: 3px;
	border-left: 1px solid #CCC;
}

#searchResultsTable th {
	cursor: pointer;
	cursor: hand;
}

.dataTable th {
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	background-color: #DDD;
	border-bottom: 2px solid #BBB;
}

.dataTable th.sortBy {
	color: #111;
}

.dataTable th img.sortIcon {
	vertical-align: middle;
	padding-left: 3px;
}

.dataTable .status {
	width: 18px;
	padding: 3px;
}

.dataTable tbody .even {
	font-size: 10pt;
	background-color: #FFF;
}

.dataTable tbody .odd {
	font-size: 10pt;
	background-color: #E7EBEF;
}

.dataTable tbody .bold {
	font-weight: bold;
}

.dataTable tbody .unread {
	font-weight: bold;
}

.dataTable h6 {
	background-color: #79E;
	border: 1px solid #68D;
	color: #035;
}

.dataTable h6.emphasizeH6 {
	background-color: #F89;
	border: 1px solid #000;
	color: #fff;
}

.dataTable h4 {
	padding-bottom: 2px;
	margin-bottom: 2px;
	border-bottom: 1px solid #68D;
}

.subFormContainer {
	width: auto;
	float: none;
	position: static;
	margin: 7px 2px;
	padding: 2px 2px 2px;
	background-color: #FFF;
	border: 1px solid #AAA;
}

.subFormContainer div.subForm {
	margin: 0 !important;
	border-top: none !important;
}

.emphasizeDiv {
	border-top: 2px solid #AAA;
	margin-top: 1em;
	padding-top: 1px;
}

.fileTable td {
	padding: 5px;
}

.fileTable img {
	vertical-align: bottom;
}

.attachmentTable img {
	vertical-align: bottom;
}

/* editable table rows */
.editable,tr.showDetail,.clickable {
	cursor: pointer;
}

.dataTable .editable:hover,.dataTable tr.showDetail:hover,.dataTable .clickable:hover
	{
	background-color: #D7DBDF;
}

.dimmed,.editable.dimmed:hover {
	color: #BBB;
	background-color: #EEE;
	cursor: default;
}

.editBtns td {
	background: #FFF;
	border-bottom: 1px solid #CCC;
}

.editBtns div {
	float: right;
	margin: -4px 5px 0 2px;
	padding: 3px 5px 4px;
	background-color: #D7DBDF;
	border: 1px solid #A7ABAF;
	border-width: 0 1px 1px;
}

.rowDetails+.editBtns div {
	background-color: #BBB;
}

.editBtns button {
	margin-left: 5px;
}

.editable input,.editable select,.editable button,.editable .dateInput+.fieldIcon,.editable label
	{
	padding: 0;
	display: none;
}

.rowDetails>td {
	margin: 0;
	padding: 0;
	background: #BBB url("../images/layout/menu_sub_shadow.png") repeat-x
		top;
}

.subForm {
	width: auto;
	float: none;
	position: static;
	margin: 7px;
	padding: 7px 2px 8px;
	background-color: #EEE;
	border: 1px solid #999;
}

.subForm fieldset {
	background-color: #FFF;
}

.subForm .singleQ {
	background-color: transparent;
}

.subForm>p {
	margin: 10px 5px 5px;
}

.subForm dl {
	float: none;
	clear: both;
	z-index: 999;
}

.subForm dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

/* rows that are set apart, such as new rows or totals */
.emphasizeRow td {
	white-space: nowrap;
	background-color: #D7DBDF;
	border: 1px solid;
	border-color: #A7ABAF #C7CBCF;
	border-right-width: 0;
	cursor: default;
}

.favoriteRow td,.headerRow th {
	background: url("../images/layout/btn_bg_tile_hover.gif") repeat-x;
	border: 1px solid #C7CBCF;
	border-right-width: 0;
}

.favoriteRow .subText {
	margin: 2px 5px 0;
}

.centered {
	text-align: center;
}

.subTable {
	width: auto;
	max-height: 15.5em;
	float: none;
	margin: 7px;
	border: 1px solid #999;
	overflow-x: hidden;
	overflow-y: auto;
}

.subTable th {
	padding: 3px 15px;
}

.dataTable table   ~ div {
	margin-top: 0;
	padding: 4px;
	text-align: right;
	color: #777;
	background-color: #DDD;
	border-top: 1px solid #BBB;
}

.pageResults p {
	float: left;
	margin: 4px 0 0;
	font-size: 0.8em;
}

.pageResults a {
	display: inline-block;
	padding: 0 3px;
	background-color: #FFF;
	border: 1px solid #CCC;
	text-decoration: none;
}

ol.files {
	
}

#prevBtn,#nextBtn,#submitBtn {
	width: 80px;
	height: 32px;
	line-height: 0;
	text-indent: -999em;
	background: url("../images/btn_next_prev_submit.png") no-repeat;
	border: none;
}

#prevBtn::-moz-focus-inner,#nextBtn::-moz-focus-inner,#submitBtn::-moz-focus-inner
	/* only recognized by Firefox */ {
	border: none;
}

#prevBtn {
	float: left;
}

#prevBtn:hover {
	cursor: pointer;
	background-position: 0 -32px;
}

#nextBtn {
	float: right;
	clear: right;
	background-position: -80px 0;
}

#nextBtn:hover {
	cursor: pointer;
	background-position: -80px -32px;
}

#submitBtn {
	float: right;
	clear: right;
	background-position: -160px 0;
}

#submitBtn:hover {
	cursor: pointer;
	background-position: -160px -32px;
}

button.borderRight {
	border-right-width: 4px;
}

/* hidden class for dynamic form elements; show/hide based on input */
fieldset.hidden {
	padding: 0 0 5px;
}

div.hidden {
	width: 100%;
	float: left;
}

/* class to make a label hidden, but accessible to screen readers */
.hideLabel,.editable label,.emphasizeRow label,.centered label {
	position: absolute;
	left: -999em;
}

/* ...but show these */
.emphasizeRow label.error,.centered label.error,.emphasizeRow label.forCheckbox,.emphasizeRow .labelToRight label
	{
	position: relative;
	left: 0px;
}

/* context help overlay */ /* the overlayed element */
.overlay { /* initially overlay is hidden */
	display: none;
	position: relative;
	background: url("../images/layout/help_back.png") top no-repeat;
	padding: 58px 35px 50px 31px;
	width: 692px;
}

/* Style written by nick seems to be unused - 7/1/10 - May be incorporated for alternative style popups, i.e., Claims Services modal window */
	/*#service {
	position:relative;
	background:url('../images/white.png');
	width:959px;
	display:none;
	padding:35px;
}*/
	/* Style written by nick seems to be unused - 7/1/10 - May be incorporated for progress modal window */
	/*#progress {
	position:relative;
	background-image:url('../images/progress_white.png') !important;
	width:580px;
	display:none;
	padding:35px;
	
}
*/ /* default close button positioned on upper right corner */
.overlay .close {
	position: absolute;
	cursor: pointer;
	top: 25px;
	right: 25px;
	height: 14px;
	width: 48px;
	color: #8596AF;
	text-decoration: underline;
	line-height: 1.25em;
	font-size: .8em;
	background: url("../images/icons/remove-close.png") 32px 0 no-repeat;
}

.overlay .close:hover {
	color: #555;
	background: url("../images/icons/remove-close.png") 32px -16px no-repeat
		;
}

/* This style adds html content at the beginning of the containing div - does not work in ie7 */
.overlay .close:before {
	content: "Close";
}

/* container for external content. uses vertical scrollbar, if needed */
.overlay .wrap {
	overflow: auto;
	padding: 10px;
	height: 419px;
	width: 682px;
	color: #444;
}

#service .wrap {
	overflow: auto;
	padding: 10px;
	width: 98%;
	/*height:810px;*/
	color: #444;
}

#progress .wrap {
	height: 210px;
}

/* container for external content. uses vertical scrollbar, if needed */
#overlay .wrap p {
	color: #656565;
	margin-bottom: 1em;
}

.overlay .wrap h3+p {
	margin-top: 5px;
}

.overlay .wrap h1 {
	position: absolute;
	top: 25px;
	left: 32px;
	font-size: 1.6em;
	font-weight: normal;
	color: #555;
	border-bottom: none;
}

.overlay .wrap h3 {
	font-size: 1.45em;
	color: #656565;
	/*font-weight: normal;
		border-bottom: 1px solid #999;*/
}

.overlay .wrap p+h3 {
	margin-top: 23px;
}

.overlay .wrap h4 {
	border-bottom: 1px dotted #999;
	font-size: 1.2em;
	color: #656565;
}

.overlay .wrap h4+p {
	margin-top: 3px;
}

.overlay fieldset {
	position: static;
	margin: 13px 0 0;
}

.inputOverlay {
	display: none;
	width: 1000px;
	z-index: 9999;
	padding: 15px;
	background-color: #FFF;
	border: 2px solid #666;
}

.tooltip {
	display: none;
	width: 277px;
	z-index: 1000;
	color: #315B7C;
	background: url("../images/layout/tooltip-back_top.png") no-repeat top;
	background-color: none;
	/*border: 1px solid #c0c0c0;
	*border: 2px solid #c0c0c0;*/
	/* outline radius for mozilla/firefox only
	-moz-box-shadow: 8px 8px 10px #999;
	-webkit-box-shadow: 8px 8px 10px #999; */
}

.tooltip .tipContent {
	background: #fdfdfd;
	/*border: 1px solid #68d;*/
	border: 3px solid #ABCBFF;
	margin: 6px 6px 0 6px;
	padding: 10px 14px 14px;
	min-height: 40px;
	/*-moz-box-shadow: 3px 3px 5px #999;
		-webkit-box-shadow: 3px 3px 5px #999; */
}

.tooltip .tipBottom {
	height: 7px;
	background: url("../images/layout/tooltip-back_bottom.png") bottom;
}

.tooltip em {
	font-weight: bold;
}

#exposeMask {
	background-color: #405060;
}

/* Ral-JAVA pagination styles */
.pagerControl {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	display: inline-block;
	margin: 0px 2px;
	padding: 0px 3px;
	text-decoration: none;
}

.pager {
	padding: 4px;
	background-color: #DDDDDD;
}

.pagination a {
	display: inline-block;
	padding: 0 3px;
	background-color: #FFF;
	border: 1px solid #CCC;
	text-decoration: none;
}

.numResults {
	float: left;
	position: relative;
	margin-top: 4px;
	font-size: 0.8em;
	color: #777;
}

.reportHeading {
	font-family: monospace;
	text-align: center;
	font-weight: bold;
	font-size: 1.6em;
}

.linetext {
	font-family: monospace;
}

.amount {
	text-align: right;
}

.id {
	text-align: center;
}

/*
div#greyout
	{
		background-color: #000;
		background-image:  url("../images/loadingAnimation.gif");
		background-repeat: no-repeat;
		background-position: center center;
		top:0px;
		left:0px;
		opacity:0.5;
		width:100%;
		height:140%;
		position: absolute;
		z-index:9998;		 
	}
	*/
div#hesPopup {
	display: none;
	width: 30%;
	height: 100%;
	left: 30%;
	top: -50px;
	position: absolute;
	z-index: 99999;
}

div#deleteColumnPopup {
	display: none;
	width: 30%;
	height: 100%;
	left: 30%;
	top: -50px;
	position: absolute;
	z-index: 99999;
}

div#columnReorderPopup {
	display: none;
	width: 30%;
	height: 100%;
	left: 30%;
	top: -50px;
	position: absolute;
	z-index: 99999;
}

div#ajaxError {
	display: none;
	opacity: 0;
	filter: alpha(opacity =   0);
	background: #ECE5B6;
	width: 0;
	left: 0px;
	top: 0px;
	position: absolute;
	z-index: 10000;
}

div#ajaxError textarea {
	margin: 3px;
}

input.errorFields,select.errorFields,textarea.errorFields {
	background-color: #FFFF00;
	border-color: #E77471;
}

#sliderBox {
	height: 100px;
	position: relative;
	top: 65px;
}

#slider {
	right: 200px;
	top: 0px;
	z-index: 999999;
	min-height: 100px;
	width: 100px;
	position: absolute;
}